<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="../css/api-thre.css" />
	</head>
	<body>
		<header class="flex-c-sb b-box abs">
			<!-- 
            logo
            1.img直接写logo
            2.支持SEO 在a标签中套一个h1标签，然后给h1
            增加背景图
         -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-white">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li><a href="../html/api-index.html">API</a></li>
				<li><a href="../html/index.html">云服务</a></li>
				<li class="active"><a href="../html/index.html">案列</a></li>
				<li><a href="../html/index.html">开发者</a></li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span>登录</span>
				<span>注册有礼</span>
			</div>
		</header>

		<main>
			<!-- 内容 -->
			<!-- 占位 -->
			<div id="head"></div>
			<section id="banner" class="rel">
				<!-- 粒子背景 -->
				<div id="bannerBg" class="abs"></div>
				<!-- 版心 -->
				<div class="container">
					<h1>助力行业巨头,独角兽企业</h1>
					<p>以服务10万+企业客户</p>
					<p>-精选案例-</p>
				</div>
			</section>
			<!-- 下面的内容 -->
			<section id="content ">
				<div class="container rel">
					<div id="contLt">
						<!-- 里面的内容直接动态渲染 -->
						<div id ="add"></div>
						<!-- 最下面图片的抖音 -->
						<div id="righpicturebot">
							<!-- 上面的标题 -->
							<div class="picturetop">
								<h3><span>更</span>多伙伴</h3>
								/Financial Case
							</div>
							<!-- 下面的图片 -->
							<div class="righpicturebom">
								<ul class="hpicturebotlist">
									<li class="rel">
										<img src="../imgs/more-partners-item02.svg" alt="加载失败">
									</li>
									<li class="rel">
										<img src="../imgs/more-partners-item01.svg" alt="加载失败">
									</li>
									<li class="rel">
										<img src="../imgs/more-partners-item03.svg" alt="加载失败">
									</li>
								</ul>
							</div>
						<div class="righpicturebom">
							<ul class="hpicturebotlist">
								<li class="rel">
									<img src="../imgs/more-partners-item04.svg" alt="加载失败">
								</li>
								<li class="rel">
									<img src="../imgs/more-partners-item05.svg" alt="加载失败">
								</li>
								<li class="rel">
									<img src="../imgs/more-partners-item06.svg" alt="加载失败">
								</li>
							</ul>
						</div>
						<div class="righpicturebom">
							<ul class="hpicturebotlist">
								<li class="rel">
									<img src="../imgs/more-partners-item07.svg" alt="加载失败">
								</li>
								<li class="rel">
									<img src="../imgs/more-partners-item08.svg" alt="加载失败">
								</li>
								<li class="rel">
									<img src="../imgs/more-partners-item09.svg" alt="加载失败">
								</li>
							</ul>
						</div>
					</div>
					</div>
					<!-- 右边的文字 -->
						<div id="contRt" class="abs">
							<p>金融案例</p>
							<p>企业案例</p>
							<p>政务案例</p>
							<p>更多伙伴</p>
						</div>
			</div>
			</section>
					
				</div>
			</section>
		</main>
		<!-- 尾部 -->
		<footer>
			<!-- 版心 -->
			<div id="footlist" class="container mt-80 cf">
				<!-- 左边的文字 -->
				<ul id="leftlist" class="fl">
					<li>
						<h3>联系与支持</h3>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<h3>关于源码</h3>
						<p>400-882-7715</p>
						<p>合作伙伴</p>
						<p>服务条款</p>
						<p>隐私政策</p>
						<p>市场合作</p>
						<p>反商业贿赂声明</p>
					</li>
					<li>
						<h3>快速入口</h3>
						<p>400-882-7715</p>
						<p>API数据</p>
						<p>黑钻会员</p>
						<p>新闻动态</p>
						<p>联系我们</p>
						<p>加入我们</p>
					</li>
					<li>
						<h3>产品服务</h3>
						<p>400-882-7715</p>
						<p>云监测</p>
						<p>云查询</p>
						<p>云助手</p>
						<p>聚盒子</p>
						<p>云充值</p>
					</li>
					<li>
						<h3>解决方案</h3>
						<p>400-882-7715</p>
						<p>云监测</p>
						<p>云查询</p>
						<p>云助手</p>
						<p>聚盒子</p>
						<p>云充值</p>
					</li>
				</ul>
				<div id="phone" class="fz-14 text-cb">
					<img src="../imgs/bei2.png" alt="加载失败" />&nbsp;
					<img
						src="../imgs/bei1.png"
						alt="加载失败"
					/>&nbsp;增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
				</div>
				<!-- 右边的文字 -->
				<div id="riglist" class="fr">
					<h3>微信公众号</h3>
					<p class="fz-14 text-cb mt-15">源码时代</p>
					<img src="../imgs/103-demo.png" alt="加载失败" class="mb-100" />
					<p class="fz-14 text-cb">源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
		</footer>
		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<script src="../lib/canvas-particle.js"></script>
		<!-- 3.引入当前页JS -->
		<script src="../js/api-thre.js"></script>
	</body>
</html>
